module.exports = {
  // 配置要使用的不同相关插件
  plugins: {

    // 自动添加厂商的声明前缀，用来兼容不同的浏览器
    // VueCli 已经默认配置了 autofixed
    /* autoprefixer: {
      // browsers 用来配置要兼容到的系统环境
      // 这个配置本身没有问题，但是写在这里会在控制台报编译警告
      // 为什么？因为 VueCli 是通过 .browserslistrc 文件来配置环境信息的
      browsers: ['Android >= 4.0', 'iOS >= 8']
    }, */

    // 把 px 转为 rem
    'postcss-pxtorem': {
      // 转换的根元素基准值，正常情况下，按照设计进行修改
      // 750 宽的设计稿， 750 / 10 = 750
      // 但 Vant 组件是基于逻辑像素 375 写的
      // 设计稿是根据 750 宽度设计的
      // 设置成 75 ，就可以量多少写多少，但在 Vant 中的样式就会小一半
      // 所以还是要设置成 37.5 ，但是需要在测量的设计稿的宽度上 / 2
      rootValue: 37.5,

      // propList 配置需要转换的 CSS 属性， * 键就是所有属性都要转换
      propList: ['*']
    }
  }
}
